<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="js/jquery.mobile-1.3.2.min.css">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-1.8.3.min.js"></script>
<!--使用jquery.mobile
<script src="js/jquery.mobile-1.3.2.min.js"></script>
-->
<link rel="stylesheet" href="js/main.css">
<script type="text/javascript" src="js/WeixinApi.js"></script>

<script type="text/javascript">
// 所有功能必须包含在 WeixinApi.ready 中进行
WeixinApi.ready(function(Api){ 

    // 微信分享的数据
    var wxData = {
        "imgUrl":'http://wechat.zhijia365.com/upload/img/zhijiabang/qrcode_for_gh_3a76f332d224_430_1.jpg',
        "link":window.location.href,
        "desc":'大家好，这里是置家熟人卡！欢迎关注',
        "title":"大家好，这里是置家熟人卡"
    };
 
    // 分享的回调
    var wxCallbacks = {
        // 分享操作开始之前
        ready:function () {
            // 你可以在这里对分享的数据进行重组
        },
        // 分享被用户自动取消
        cancel:function (resp) {
            // 你可以在你的页面上给用户一个小Tip，为什么要取消呢？
        },
        // 分享失败了
        fail:function (resp) {
            // 分享失败了，是不是可以告诉用户：不要紧，可能是网络问题，一会儿再试试？
        },
        // 分享成功
        confirm:function (resp) {
            // 分享成功了，我们是不是可以做一些分享统计呢？
        },
        // 整个分享过程结束
        all:function (resp) {
            // 如果你做的是一个鼓励用户进行分享的产品，在这里是不是可以给用户一些反馈了？
        }
    };
 
    // 用户点开右上角popup菜单后，点击分享给好友，会执行下面这个代码
    Api.shareToFriend(wxData, wxCallbacks);
 
    // 点击分享到朋友圈，会执行下面这个代码
    Api.shareToTimeline(wxData, wxCallbacks);
 
    // 点击分享到腾讯微博，会执行下面这个代码
    Api.shareToWeibo(wxData, wxCallbacks);
});
</script>

<script type="text/javascript">
 $(document).ready(function(){
      $('div[class^="ui-block-"]').click(function(){
            $(this).css('color','#999');
            
        });      
        //设置header的值能适应浏览器
        $(".header").height($(window).width()/2.4);
        $(".footer").height($(window).width()/5);
        //设置大分类下的小分类能适应浏览器
       
    });
    
</script>

  
<script type="text/javascript">
 $(document).ready(function(){
     
     $('div[class^="ui-block-"]').width($(window).width()/4);
     $('div[class^="ui-block-"]').height($(window).width()/4);
     
     $('.zhuangxiuqian_head').height($(window).width()*13/100);
     
     $('.zhuangxiuqian_head h1').css("padding-top","4%"); 
     $('.jiancai_head h1').css("padding-top","4%"); 
     $('.shigong_head h1').css("padding-top","4%"); 
        
     $('.jiancai_head').height($(window).width()*13/100);
     $('.shigong_head').height($(window).width()*13/100);
     
     $('div[class^="ui-block-"]').css("padding-top","6%");     
    });

</script>
  
<?php
//  $('div[id^="ui-block-"]').click(function(){
include_once('DB.php');
//新建数据库操作对象
$DB = new DB();
$res_shoufang = $DB->get_all("select * from zhuangxiu where type = 1");

$res_qianqi = $DB->get_all("select * from zhuangxiu where type = 2");

$res_zhongqi = $DB->get_all("select * from zhuangxiu where type = 3");

?>
 </head>
 <body>
<div data-role="page" id="pageone">
  <!--页眉
  <div data-role="header">
        <h1 ><p align="center">装修攻略</p></h1>
  </div-->
  <!--页头-->
  <div class="header">
     <img src="img/top.jpg" width="100%" height="100%"><br>

  </div>
        
  <div class ="content">
      <!--准备阶段-->
      <div class="zhuangxiuqian">
         <!--收房阶段head-->
         <div class="zhuangxiuqian_head">
             <h1 align="center">装修前准备</h1>
         </div>
          <!--收房阶段content-->
         <div class="zhuangxiuqian_content">
             <!--php写入内容-->
              <div data-role="content">
                        <?php
                        //总项数id
                        $column_id = 1;
                        //总行数id
                        $line_id = 1;
                        $old_line = 0;
                        
                        //第一行
                        echo  "<div class='ui-grid-c'>";                       
                        foreach($res_shoufang as $value){

                            //行数
                            $old_line=$line_id;
                            $line_id = ceil($column_id/4);
                            
                              if($line_id!=$old_line){
                              //如果是一行
                              echo  "<div class='ui-grid-c'>";
                            }   
                           
                            if($column_id%4==1){
                                //证明是单数行
                                if($line_id%2==1){
                                echo 
                                    
                              
                                "<div class='ui-block-a' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>               
                                       <span>$value[content]</span>
                                </div>";
                                
                      
                                }else {
                                 echo 
                                 "<div class='ui-block-a' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background:#DDD7E0;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                }
                                 $column_id++;
                                }else if($column_id%4==2){
                                 if($line_id%2==1){
                                 echo 
                                 "<div class='ui-block-b' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" ><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";
                                 }else{
                                 echo
                                 "<div class='ui-block-b' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"  style='background: #E6E1E8;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";    
                                 }
                                 $column_id++;
                            }else if($column_id%4==3){
                                 if($line_id%2==1){
                                 echo 
                                 "<div class='ui-block-c' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                  }else{
                                  echo
                                  "<div class='ui-block-c' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"  style='background:#EEEAEF;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";   
                                  }
                                  $column_id++;
                            }else if($column_id%4==0){
                                   if($line_id%2==1){
                                   echo 
                                 "<div class='ui-block-d' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";
                                   }else {
                                   echo 
                                   "<div class='ui-block-d' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background: #F6F5F7;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                   </div>";  
                                   }
                                   $column_id++;
                                   
                                //如果是一行
                                 echo  "</div>";
                            }    
                        }
                     ?>
            </div>
        </div>
      </div>
          
      
      <!--建材阶段-->
      <div class="jiancai">
          <!--前期阶段head-->
          <div class="jiancai_head">
            <h1 align="center">建材选购</h1>
          </div>  
          <!--前期阶段content-->
           <div class="jiancai_content">
         
             <div data-role="content">
             <!--php写入内容-->
                <?php
                        //总项数id
                        $column_id = 1;
                        //总行数id
                        $line_id = 1;
                        $old_line = 0;
                        
                        //第一行
                        echo  "<div class='ui-grid-c'>";                       
                        foreach($res_qianqi as $value){

                            //行数
                            $old_line=$line_id;
                            $line_id = ceil($column_id/4);
                            
                              if($line_id!=$old_line){
                              //如果是一行
                              echo  "<div class='ui-grid-c'>";
                            }   
                           
                            if($column_id%4==1){
                                //证明是单数行
                                if($line_id%2==1){
                                echo 
                                 "<div class='ui-block-a' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                }else {
                                 echo 
                                 "<div class='ui-block-a' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background:#DDD7E0;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                }
                                 $column_id++;
                            }else if($column_id%4==2){
                                 if($line_id%2==1){
                                 echo 
                                "<div class='ui-block-b' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";
                                 }else{
                                 echo
                                 "<div class='ui-block-b' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background: #E6E1E8;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";    
                                 }
                                 $column_id++;
                            }else if($column_id%4==3){
                                 if($line_id%2==1){
                                 echo 
                                "<div class='ui-block-c' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                  }else{
                                  echo
                                  "<div class='ui-block-c' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background:#EEEAEF;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";   
                                  }
                                  $column_id++;
                            }else if($column_id%4==0){
                                   if($line_id%2==1){
                                   echo 
                                  "<div class='ui-block-d' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";
                                   }else {
                                   echo 
                                  "<div class='ui-block-d' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background: #F6F5F7;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                   </div>";  
                                   }
                                   $column_id++;
                                   
                                //如果是一行
                                 echo  "</div>";
                            }    
                        }
                     ?>
            </div>
     
           </div>   
     </div>
      
      <!--施工阶段-->
      <div class="shigong">
          <!--中期阶段head-->
          <div class="shigong_head">
             <h1 align="center">施工经验</h1>
          </div>
          <!--中期阶段content-->
          <div class="shigong_content">
             <div data-role="content">
             <!--php写入内容-->
                <?php
                        //总项数id
                        $column_id = 1;
                        //总行数id
                        $line_id = 1;
                        $old_line = 0;
                        
                        //第一行
                        echo  "<div class='ui-grid-c'>";                       
                        foreach($res_zhongqi as $value){
                            //行数
                            $old_line=$line_id;
                            $line_id = ceil($column_id/4);

                              if($line_id!=$old_line){
                              //如果是一行
                                   echo  "<div class='ui-grid-c'>";
                            }   
                           
                            if($column_id%4==1){
                                //证明是单数行
                                if($line_id%2==1){
                                echo 
                                 "<div class='ui-block-a' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                }else {
                                 echo 
                                "<div class='ui-block-a' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background:#DDD7E0;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                </div>";
                                }
                                 $column_id++;
                                 
                            }else if($column_id%4==2){
                                 if($line_id%2==1){
                                 echo 
                                "<div class='ui-block-b' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";
                                 }else{
                                 echo
                                "<div class='ui-block-b' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background: #E6E1E8;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";    
                                 }
                                 $column_id++;
                            }else if($column_id%4==3){
                                 if($line_id%2==1){
                                 echo 
                                 "<div class='ui-block-c' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]' ><br>
                                       <span>$value[content]</span>
                                </div>";
                                  }else{
                                  echo
                                  "<div class='ui-block-c' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background:#EEEAEF;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";   
                                  }
                                  $column_id++;
                            }else if($column_id%4==0){
                                   if($line_id%2==1){
                                   echo 
                                  "<div class='ui-block-d' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\"><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                 </div>";
                                   }else {
                                   echo 
                                   "<div class='ui-block-d' onclick=\"window.location.href='essay.php?page=\'$value[content]\''\" style='background: #F6F5F7;'><img src='$value[icon]'><br>
                                       <span>$value[content]</span>
                                   </div>";  
                                   }
                                   $column_id++;
                                   
                                //如果是一行
                                 echo  "</div>";
                            }    
                        }
                     ?>

            </div>    
          </div>   
      </div>
   </div>
  
  <!--页脚
    <div data-role="footer">
   <h1>Copyright @2014 zhijia365.com Inc.All Rights Reserved.</br></br>
华视广告有限公司&nbsp;&nbsp;版权所有</h1>
    </div>
  -->
  <!--页脚-->
    <div class="footer">
                </br>
        <h1>Copyright © 2014 zhijia365.com Inc.All Rights Reserved.</br>
            置家365网&nbsp;&nbsp;版权所有</h1>
        </br>
      </div>
</div>      
</body>
</html>

<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
